<template>
	<view class="conumt">
		<view class="main" style="z-index: 99;">
			<text class="triangle"></text>
			<view class="muruweiyang">
			<view class="top" v-for="(item,index) in witctList" :key="index" @tap="topclick(index)">
				<text :class="['icon' ,'iconfont',item.icon] " style="width: 18px;height: 18px;font-size:18px;"></text>
				<view class="title">
					{{item.name}}
				</view>
			</view>	
			</view>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				// show:true,
				witctList: [{
						icon: 'icon-qiehuanyonghu',
						name: '切换用户'
					},
					{
						icon: 'icon-shouhuanbangding',
						name: '手环绑定'
					},
					{
						icon: 'icon-muruweiyang',
						name: '母乳喂养'
					},
					{
						icon: 'icon-sousuochuangwei',
						name: '搜索床位'
					},
					{
						icon: 'icon-yiqibangding',
						name: '仪器绑定'
					},
					{
						icon: 'icon-shoushuchaxun',
						name: '手术查询'
					},
					{
						icon: 'icon-huizhendanchaxun',
						name: '会诊单查询'
					},
				]
			}
		},
		methods: {
			topclick(e) {
				this.$emit('scancode', e)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.conumt {
		/* width: 100%; */
		position: absolute;
		top: 70px;
		right: 12rpx;
		z-index: 9999;
		padding-top: 6px;
	}

    	.muruweiyang .top:first-child  {
		border-radius: 6px 6px 0px 0px;
	}
	.muruweiyang .top:last-child  {
		border-radius: 0px 0px 6px 6px;
	}

	.top {
		width: 140px;
		height: 46px;
		background: rgba(0, 0, 0, 0.9);
		/* border-radius: 6px 6px 0px 0px; */
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 2px solid #252525;

		text {
			font-size: 14px;
			font-family: SourceHanSansCN-Normal, SourceHanSansCN;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 21px;
		}

		.title {
			font-size: 14px;
			font-family: SourceHanSansCN-Normal, SourceHanSansCN;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 21px;
			padding-left: 10px;
			width: 52%;
		}
	}

	.triangle {
		width: 0;
		height: 0;
		border-top: 6px solid rgba(0, 0, 0, 0);
		border-right: 6px solid rgba(0, 0, 0, 0);
		border-bottom: 6px solid #252525;
		border-left: 6px solid rgba(0, 0, 0, 0);
		position: absolute;
		top: -6px;
		right: 6.5%;
		// -webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		box-sizing: content-box;
	}
	.ep-mask-box{
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background:none;
		// pointer-events:none,
    }
</style>
